<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>用户管理</title>
</head>
<style>
tbody .layui-table-cell {
    height: 50px!important;
    line-height: 50px!important;
}
#jzjzImg {
	width: 100px;
	height: 120px;
	border: 1px solid #a0d8c5;
	overflow: hidden;
}
#jzjzImg:hover,#selectPass:hover{
	cursor: pointer;
}
</style>
<body>
	<div class="layui-row layui-col-space15 layui-anim layui-anim-upbit">
	    <div class="layui-col-md12">
	    	<div class="layui-card">
	        	<div class="layui-card-header">
					<i class="layui-icon layui-icon-location" style="color: #c5b225;"></i>
					系统管理 > 用户管理
        		</div> 
        		<div class="layui-card-body">
					<table id="data_table" class="layui-hide" lay-filter="data_table"></table>
	        	</div>
      		</div>
    	</div>
    </div>
    <!-- 查询 -->
	<form class="layui-form" action="" id="search_form" lay-filter="search_form"  style="padding: 20px 10px 10px 10px;display: none">
        <div class="layui-form-item">
	        <div class="layui-inline">
	            <label class="layui-form-label">姓名</label>
	            <div class="layui-input-inline">
	                <input type="text" name="name"  placeholder="请输入关键字"  autocomplete="off"  class="layui-input">
	        	</div>
	        </div>
	        <div class="layui-inline">
	            <label class="layui-form-label">身份证</label>
	            <div class="layui-input-inline">
	                <input type="text" name="idcard"  placeholder="请输入关键字"  autocomplete="off"  class="layui-input">
	        	</div>
	        </div>
	        <div class="layui-inline">
	            <label class="layui-form-label">性别</label>
	            <div class="layui-input-inline" id="search_sex"></div>
	        </div>
	        <div class="layui-inline">
	            <label class="layui-form-label">角色</label>
	            <div class="layui-input-inline">
	                <select name="rid" id="rid_search"></select>
	        	</div>
	        </div>
	        <div class="layui-inline" style="text-align: center;">
	            <a lay-submit  class="layui-btn lay-close-btn"  lay-filter="submitSearch">查询</a>
	    	</div>
    	</div>
    </form>
    <!-- 新增编辑表单 -->
  	<form class="layui-form" id="data_form"  action="" lay-filter="data_form" style="padding:10px;display: none;">
		<fieldset class="layui-elem-field layui-field-title" style="color:#89b586;">
		  <legend>基本信息</legend>
		</fieldset>
		<input type="text" name="id" class="layui-input" style="display: none">
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label req">姓名</label>
				<div class="layui-input-inline">
					<input type="text" name="name" class="layui-input" lay-verify="required" autocomplete="off"  placeholder="请输入姓名"  lay-reqtext="名称为必填项">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label req">性别</label>
				<div class="layui-input-inline" id="sex"></div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label req">登录账户</label>
				<div class="layui-input-inline">
					<input type="text" name="userName" class="layui-input" lay-verify="required" 
						autocomplete="off" placeholder="请输入登录账户"  lay-reqtext="请输入登录账户">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label req">身份证号码</label>
				<div class="layui-input-inline">
					<input type="text" name="idcard" class="layui-input" autocomplete="off" placeholder="请输入身份证号码" lay-verify="required">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">出生日期</label>
				<div class="layui-input-inline">
					<input type="text" name="birthday" id="birthday" autocomplete="off"
					 placeholder="请选择日期" class="layui-input" readonly="readonly">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">手机号码</label>
				<div class="layui-input-inline">
					<input type="number" name="phone" autocomplete="off"
					 placeholder="请输入手机号码" autocomplete="off" class="layui-input">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label req">角色类型</label>
				<div class="layui-input-inline">
					<select name="rid" id="rid" lay-verify="required"></select>
					<input name="oname" id="oname" type="hidden">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label req">使用期限</label>
				<div class="layui-input-inline">
					<input type="text" name="useDate" id="useDate" placeholder="请选择日期" autocomplete="off"
					 class="layui-input" lay-verify="required" readonly="readonly">
				</div>
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
			<label class="layui-form-label">备注</label>
			<div class="layui-input-block">
				<textarea placeholder="请输入内容" class="layui-textarea" name="remarks"></textarea>
			</div>
		</div>
		<fieldset class="layui-elem-field layui-field-title" style="color:#89b586;">
		  <legend>人员近照</legend>
		</fieldset>
		<div class="layui-form-item">
			<div style="text-align: left;">
				<img src="${projectPath}/static/images/head.png" id="jzjzImg" title="人脸照片" onerror="javascript:this.src='${projectPath}/static/images/head.png'">
				<input type="text" name="img" id="img"  class="layui-input" style="display: none">
			</div>
		</div>
		<br>
		<div class="layui-form-item" style="text-align: center;">
			<a class="layui-btn lay-submit-btn" lay-submit="" lay-filter="submitForm">立即提交</a>
			<a class="layui-btn layui-btn-primary lay-close-btn">关闭</a>
		</div>
	</form>
</body>
<script type="text/html" id="toolberLeft">
	<div class="layui-form">
		<input type="checkbox" name="maxImg" id="maxImg" title="图片"  lay-filter="maxImg" checked>
		<a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="add" style="margin-left: 5px;"><i class="layui-icon">&#xe654;</i>新增</a>
		<a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delete" style="margin-left: 5px;"><i class="layui-icon">&#xe640;</i>删除</a>
		<a class="layui-btn layui-btn-sm" lay-event="search" style="margin-left: 5px;"><i class="layui-icon">&#xe615;</i>搜索</a>
	</div>
</script>
<script type="text/html" id="toolRow">
	<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/javascript">
	var commonRid = "${loginUser.rid}";
	var lastOid = "${loginUser.lastOid}";
</script>
<jsp:include page="../load.jsp"></jsp:include>
<script src="${projectPath}/static/js/sys/user.js?v=${cache}"></script>
</html>
